import React from "react";
import { NavBar, Cell } from "react-vant";
import { useNavigate } from "react-router";
import guan from "./images/guan.jpg";
import styles from "./index.module.css";
const Index: React.FC = () => {
  const navigate = useNavigate();
  return (
    <div>
      <div style={{position:'sticky',top:0,zIndex:1000}}>
        <NavBar title="关于我们" onClickLeft={() => navigate("/my")} />
      </div>
      {/* 图片 */}
      <div className={styles.img}>
        <img src={guan} alt="" />
      </div>
      {/* 文章 */}
      <div className={styles.wen}>
        <p>
          妙手医生是圆心科技集团的互联网医疗品牌，是中
          国首批获得“互联网医院资质”的企业之一。妙手医
          生是技术驱动的综合在线医疗服务及药房平台，与
          我们的线下药房服务形成互补，提高对患者的医疗 服务质量。
        </p>
        <p>
          妙手医生平台上的医生能够提供在线问诊、患者管
          理、电子处方等专业医疗服务，具备宝贵的「医 -药
          一险」连接服务能力。通过该在线平台,
          我们还能够与我们广泛的药房网络产生协同效应
          向患者提供便捷的综合医疗服务。
        </p>
        <p>
          妙手医生与圆心大药房已建设成为全国性的专业医
          患复诊平台和安全用药配药中心，更通过圆心惠保
          的专业保险服务，连接医生端、患者端、药品端、
          保险端，打造“医-患-药-险"的全程患者服务平台。
        </p>
      </div>
      {/* 列表 */}
      <div className={styles.lie}>
        <Cell
          title="联系我们"
          isLink
          style={{ fontSize: 18, borderBottom: "1px solid #f6f6f6" }}
        />
        <Cell
          title="经营资质"
          isLink
          style={{ fontSize: 18, borderBottom: "1px solid #f6f6f6" }}
        />
        <Cell
          title="售后政策"
          isLink
          style={{ fontSize: 18, borderBottom: "1px solid #f6f6f6" }}
        />
        <Cell
          title="社区自律公约"
          isLink
          style={{ fontSize: 18, borderBottom: "1px solid #f6f6f6" }}
        />
      </div>
      <div className={styles.ban}>
        <p>ICP备案号:京ICP备17074892号-10A</p>
        <p>圆心科技 版权所有</p>
      </div>
    </div>
  );
};

export default Index;
